<layout name="master" />
<div class="breadcrumbs">
    <div class="container">
        <a href="//www.mi.com/index.html" data-stat-id="b0bcd814768c68cc">首页</a><span class="sep">&gt;</span><span>交易订单</span>
    </div>
</div>

<div class="page-main user-main">
    <div class="container">
        <div class="row">
            <div class="span4">
                <div class="uc-box uc-sub-box">
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">订单中心</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li class="active">
                                    <a href="{:u('home/user/order')}">我的订单</a>
                                </li>
                                <li>
                                    <a href="{:u('home/user/comment')}">评价晒单</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">个人中心</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li>
                                    <a href="{:u('home/user/index')}">我的个人中心</a>
                                </li>
                                <li>
                                    <a href="{:u('home/user/address')}">收货地址</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--<div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">售后服务</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li>
                                    <a href="http://service.order.mi.com/record/list?_r=58750.1489061538" data-stat-id="cee379f43f5f5fc2" onclick="_msq.push(['trackEvent', '45a270e10b1f8e93-cee379f43f5f5fc2', 'http://service.order.mi.com/record/list', 'pcpid', '']);">服务记录</a>
                                </li>
                                <li>
                                    <a href="http://service.order.mi.com/apply/front?_r=58750.1489061538" data-stat-id="ea8d1b6b70410c1b" onclick="_msq.push(['trackEvent', '45a270e10b1f8e93-ea8d1b6b70410c1b', 'http://service.order.mi.com/apply/front', 'pcpid', '']);">申请服务</a>
                                </li>
                                <li>
                                    <a href="http://service.order.mi.com/user/compensate?_r=58750.1489061538" data-stat-id="5aedd7982a0a1069" onclick="_msq.push(['trackEvent', '45a270e10b1f8e93-5aedd7982a0a1069', 'http://service.order.mi.com/user/compensate', 'pcpid', '']);">领取快递报销</a>
                                </li>
                            </ul>
                        </div>
                    </div>-->
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">账户管理</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li>
                                    <a href="https://account.xiaomi.com/" target="_blank" data-stat-id="35eef2fd7467d6ca">个人信息</a>
                                </li>
                                <li>
                                    <a href="https://account.xiaomi.com/pass/auth/security/home#service=setPassword" target="_blank" data-stat-id="ae5ee0188510f1e6">修改密码</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span16">
                <div class="uc-box uc-main-box">
                    <div class="uc-content-box order-list-box">
                        <div class="box-hd">
                            <h1 class="title">我的订单<small>请谨防钓鱼链接或诈骗电话，<a href="" target="_blank" data-stat-id="78d07fef654ba47a" >了解更多&gt;</a></small></h1>
                            <div class="more clearfix">
                                <ul class="filter-list J_orderType">
                                    <li class="first active">
                                        <a href="//static.mi.com/order/#type=0" data-type="0" data-stat-id="89d882413195fd4c" >全部有效订单</a>
                                    </li>
                                    <!--<li>
                                        <a id="J_unpaidTab" href="" data-type="7" >待支付</a>
                                    </li>
                                    <li>
                                        <a id="J_sendTab" href="" data-type="8" >待收货</a>
                                    </li>
                                    <li>
                                        <a href="" data-type="5" data-stat-id="d99182d42018ae52" >已关闭</a>
                                    </li>-->
                                </ul>
                                <form id="J_orderSearchForm" class="search-form clearfix" action="#" method="get">
                                    <label for="search" class="hide">站内搜索</label>
                                    <input class="search-text" type="search" id="J_orderSearchKeywords" name="keywords" autocomplete="off" placeholder="输入商品名称、商品编号、订单号">
                                    <input type="submit" class="search-btn iconfont" value="">
                                </form>
                            </div>
                        </div>
                        <div class="box-bd">
                            <div id="J_orderList">

                                <foreach name="order" item="v">
                                <ul class="order-list">
                                    <li class="uc-order-item uc-order-item-finish">
                                        <div class="order-detail">
                                            <div class="order-summary">
                                                <div class="order-status">配送中。。。</div>
                                            </div>
                                            <table class="order-detail-table">
                                                <thead>
                                                <tr>
                                                    <th class="col-main">
                                                        <p class="caption-info">{$v['order']['octime']}<span class="sep">|</span>{$v['order']['oname']}<span class="sep">|</span>订单号：
                                                            <a href="">1140709360025055</a><span class="sep">|</span>在线支付</p>
                                                    </th>
                                                    <th class="col-sub">
                                                        <p class="caption-price">订单金额：<span class="num">{$v['order']['oprice']}</span>元</p>
                                                    </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td class="order-items">
                                                        <ul class="goods-list">
                                                            <volist name="v['list']" id="vv">
                                                            <li>
                                                                <div class="figure figure-thumb">
                                                                    <a href="" target="_blank"> <img src="__ROOT__/{$vv['list']}" width="80" height="80" alt="{$vv['info']}"> </a>
                                                                </div>
                                                                <p class="name">
                                                                    <a href="" target="_blank" >{$vv['info']}</a>
                                                                </p>
                                                                <p class="price">{$vv['olprice']}元 × {$vv['olnums']}</p>
                                                            </li>
                                                            </volist>
                                                        </ul>
                                                    </td>
                                                    <td class="order-actions">
                                                        <a class="btn btn-small btn-line-gray" href="//order.mi.com/user/orderView/1140709360025055" data-stat-id="3f8b2c1e0e5f13c7" onclick="_msq.push(['trackEvent', '5eab40056fa03ac0-3f8b2c1e0e5f13c7', '//order.mi.com/user/orderView/1140709360025055', 'pcpid', '']);">订单详情</a>
                                                        <a class="btn btn-small btn-line-gray" href="http://service.order.mi.com/apply/order/id/1140709360025055" target="_blank" data-stat-id="ce2131e0864b730a" onclick="_msq.push(['trackEvent', '5eab40056fa03ac0-ce2131e0864b730a', 'http://service.order.mi.com/apply/order/id/1140709360025055', 'pcpid', '']);">申请售后</a>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </li>
                                </ul>
                                </foreach>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="deliver-beta hide" id="J_deliverBeta">
    <p>预计送达时间功能处于测试阶段，若您在下单时已选择“周末送货”或“工作日送货”，则会顺延至您要求的时间，如果发现预计送达时间不准确，期待您的反馈，我们会及时改进。</p>
    <a href="//static.mi.com/feedback/" target="_blank" data-stat-id="170c9b99b0391e09" onclick="_msq.push(['trackEvent', '5eab40056fa03ac0-170c9b99b0391e09', '//static.mi.com/feedback/', 'pcpid', '']);">问题反馈 &gt;</a>
    <i class="arrow arrow-a"></i>
    <i class="arrow arrow-b"></i>
</div>

<div class="modal modal-appcode modal-hide fade" id="J_modalAppcode">
    <a class="close" data-dismiss="modal" href="javascript: void(0);" data-stat-id="c556f3fed6708ea5" onclick="_msq.push(['trackEvent', '5eab40056fa03ac0-c556f3fed6708ea5', 'javascript:void(0);', 'pcpid', '']);"><i class="iconfont"></i></a>
    <div class="modal-header">
        <h3 class="title">查看电子门票</h3>
    </div>
    <div class="modal-body">
        <p>发布会电子门票仅支持在小米商城 App 查看<br>扫码下载小米商城</p>
        <img src="//s1.mi.com/m/ghd/2016/0422max/images/2-2efadb9f14.png" alt="">
    </div>
</div>